import React, {
  StyleSheet,
  Dimensions,
  PixelRatio,
  Platform,
  StatusBar
} from 'react-native';
import * as constant from './constant';

export const screenWidth = Dimensions.get('window').width;
export const screenHeight = Dimensions.get('window').height;
export const navBarHeight =
  Platform.OS === 'ios'
    ? constant.iosnavHeaderHeight
    : constant.andrnavHeaderHeight;
const styles = StyleSheet.create({
  flexDirectionRow: {
    flexDirection: 'row',
    flex: 1
  },
  flexDirectionRowNotFlex: {
    flexDirection: 'row'
  },
  routerStyle: {
    flex: 1,
    backgroundColor: '#f9f9f9',
    shadowColor: null,
    shadowOffset: null,
    shadowOpacity: null,
    shadowRadius: null
  },
  navigationBar: {
    backgroundColor: constant.primaryColor,
    paddingTop: constant.statusBarHeight,
    height: navBarHeight
  },
  centerTitle: {
    color: 'white',
    flex: 1,
    textAlign: 'center',
    alignItems: 'center'
  },
  centered: {
    justifyContent: 'center',
    alignItems: 'center'
  },
  justifyAround: {
    justifyContent: 'space-around'
  }
});

export default styles;
